<!--
 * @Author: CNN 969682281@qq.com
 * @Date: 2023-12-21 10:08:57
 * @LastEditors: CNN 969682281@qq.com
 * @LastEditTime: 2023-12-27 15:16:53
 * @FilePath: \Gx-Back\src\components\testDetectionManage\InspectionForm\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="1060px"
      title="查看"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-background="rgba(0, 0, 0, 0.2)"
      element-loading-spinner="el-icon-loading"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      top="0%"
    >
      <div
        class="dialogBody common commonClassDialog dialogMachine"
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
        <div class="reportMachine">
          <div
            class="reportTitle"
            style="padding-bottom: 10px; text-decoration: underline"
          >
            {{ tableTitle }}工程项目
          </div>

          <div
            class="reportTitle"
            style="letter-spacing: 5px; padding-bottom: 20px"
          >
            {{ tableTitle1 }}
          </div>

          <div class="information">
            <div
              v-for="(item, index) in informationList"
              :key="index"
              class="informationBox"
            >
              <div>
                {{ item.title }}
              </div>
              <div>
                {{ item.content }}
              </div>
            </div>
          </div>

          <div class="reportContent">
            <div class="report">
              <div>致监理工程师：</div>
              <br />
              <div class="report_con">
                {{ formData.fInspectionnote }}
              </div>
              <div class="report_end">
                <div>
                  技术负责人(签字、公章):{{ formData.fDirectorusername }}
                </div>
                <div>{{ formData.fInspectiondates }}</div>
              </div>
            </div>

            <div class="report1">
              <div>附件:1、材料出厂质量保证书 等(如有)</div>
              <div>2、材料自检实验报告</div>
            </div>

            <div
              class="materialTable"
              v-for="(v, i) in materialTableList"
              :key="i"
            >
              <div class="materialTableBox materialTableBoxTitle">
                {{ v.title }}
              </div>
              <div class="materialTableBox">
                {{ v.name1 }}
              </div>
              <div class="materialTableBox">
                {{ v.name2 }}
              </div>
              <div class="materialTableBox">
                {{ v.name3 }}
              </div>
            </div>

            <div class="tableTwoTitle">
              <div class="tableTwoTitleBox1 tableTwoTitleBox2">内容</div>
              <div class="tableTwoTitleBox2 fontWeight">施工单位自检</div>
              <div class="tableTwoTitleBox2 fontWeight">监理单位抽检</div>
            </div>
            
            <div
              class="tableTwoTitle"
              v-for="(item, index) in tableTwoList"
              :key="index"
            >
              <div class="tableTwoTitleBox1 tableTwoTitleBox2">
                {{ item.title }}
              </div>
              <div
                class="tableTwoTitleBox2 tableTwoTitleBox3"
                v-html="item.con1"
              ></div>
              <div class="tableTwoTitleBox2 tableTwoTitleBox3">
                {{ item.con2 }}
              </div>
              <div
                class="tableTwoTitleBox2 tableTwoTitleBox3"
                v-html="item.con3"
              ></div>
              <div class="tableTwoTitleBox2 tableTwoTitleBox3">
                {{ item.con4 }}
              </div>
              <div class="tableTwoTitleBox2 tableTwoTitleBox3">
                {{ item.con5 }}
              </div>
              <div class="tableTwoTitleBox2 tableTwoTitleBox3">
                {{ item.con6 }}
              </div>
            </div>

            <div class="report">
              <div>致项目经理部：</div>
              <br />
              <div class="report_con">
                {{ formData.fJladuitnote }}
              </div>
              <div class="report_end">
                <div>
                  专业监理工程师(签字、公章):{{ formData.fJladuitusername }}
                </div>
                <div>{{ formData.fJladuitdates }}</div>
              </div>
            </div>
            <div class="pour">
              注：本表由施工单位填报一式二份，监理，施工单位各存一份。
            </div>
          </div>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>